<template>
  <div class='' style="display: flex; width: 100vw;">
    <div v-for='(item, index) in timeArr' :key="index">
      <NumberFp :num="item" />
    </div>
  </div>
</template>

<script>
import NumberFp from './src/index.vue'
import moment from 'moment'
export default {
  props: {},
  name: 'dateClockChart',
  data() {
    return {
      timeArr: []
    }
  },
  components: {
    NumberFp
  },
  created() { },
  mounted() {
    this.getDate()
    setInterval(() => {
      this.getDate()
    }, 1000)
  },
  methods: {
    getDate() {
      this.timeArr = moment().format('YYYY/MM/DD/ HH:mm:ss').split('')
    }
  },
  watch: {

  },
  computed: {}
}
</script>

<style lang="less" scoped>
</style>
